<template>
  <div class="h-screen bg-gray-50">
    <the-navbar />

    <div class="bg-header p-4">
      <user-info />
    </div>

    <router-view></router-view>

    <the-footer />
  </div>
</template>

<script>
import theFooter from './footer.vue'
import theNavbar from './navbar.vue'
import userInfo from './user-info.vue'

export default {
  components: { theFooter, theNavbar, userInfo },
  data() {
    return {
      title: '',
      footer: 0,
    }
  },
  computed: {},
  created() {},
  methods: {},
  watch: {},
}
</script>

<style>
</style>